<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=CY&nickName=八字财运&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>一生财运</title>
    <!-- <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]); flex(100, 1);</script> -->
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273421553'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1273421553%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273421553'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1273421553' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <style>
        body{background-color:#F3EDE3;}
        .master{padding: 7px;background-color: #A51F2A;}
        .zm_form .zm_form_wrap{
            width: 7.10rem;
        height: 3.11rem;
        background-color: #ffffff;
        box-shadow: 0px 6px .27rem 0px 
            rgba(213, 58, 58, 0.19);
        border-radius: .20rem;
        border: solid 2px #dfc1b6;
        overflow: hidden;
        }
        .zm_form .zm_form_wrap ul{
            display: flex;
            flex-flow: column nowrap;
        }
        .zm_form .zm_form_wrap ul li{
            height: 1.04rem;
            display: flex;
            align-items: center;
        }
        .form_auto{
            flex:auto;
        }
        #datetime{
            
            width: 100%;
        }
        .cs_btn{
	width: 7.10rem;
	height: 1.00rem;
	background-image: linear-gradient(0deg, 
		#e61e26 0%, 
		#ea585e 100%);
	box-shadow: 0px .13rem .21rem 0px 
		rgba(230, 30, 38, 0.5);
	border-radius: .50rem;

        }
        .form_bottom{color:#333;}
        .form_bottom b {color: #ff0000;padding: 0 5px;}
        .form_bottom a {color: #ff0000;text-decoration:underline;padding-left: 20px;}

        .pay_know{margin:0px 7px 0px;background-color:#361003;}
        .pay_know .title{
            text-align: center;
            margin:0 46px 20px;
            height:35px;
            line-height: 35px;
            font-size:12px;
            background-color:#945A29;
            color:#ffffff;
        }
        .imgBox{display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-top:22px;margin-bottom: 25px;}
        .pay_know .msguser1{width:80%;height:64px;margin:0 5px 0 0}
        .msguser{width:57px;height:57px;}
        .pay_know .mgt30{margin: 30px 46px 20px;}
        .hot_cs{border-bottom:3px solid #E0E0E0;border: none;margin:0 7px 7px;}
        .hot_title{background-color:#e3a25a;}
        .hot_cs .hot_ul{border:none;background-color:#301005;}
        .hot_cs .hot_ul li p{color:#ffffff;}
        .footer_severs{background-color:#A51F2A;color:#ffffff;}
        .pb20{padding:0 7px;}
        img.bimg{
            display: block;
            width: 100%;
        }
        .tohistory{
            text-decoration: underline;
            font-size: 0.32rem;
            line-height: 0.42rem;
            letter-spacing: 0rem;
            color: #333;
            display: block;
            text-align: center;
            margin-top: 0.1rem;
        }
        .zm_form .zm_form_wrap .form_left{
            font-size: 0.36rem;
            width: 1.56rem;
            flex:none;
            color: #d23037;

        }
        .zm_form .zm_form_wrap ul li .form_auto span i{
            border: solid 0.02rem #d22f36;
        }
        .zm_form .zm_form_wrap .form_auto span{
            display: flex;
            align-items: center;

        }
    .form_auto.aic{
        display: flex;
        align-items: center;
        margin-bottom: 0.1rem;
    }
    .zm_form .zm_form_wrap ul li{
        padding-left: .2rem;
    }
    .zm_form .zm_form_wrap ul li .form_auto input,#datetime{
        font-size: .3rem;
    }
    </style>
</head>
<body>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/vivo/cyt/dingbu.png" width="100%" />
    </div>
    <form id="_form" class="zm_form" action="<!--{:U('Bzcy/bzcy_zhifu','',false)}-->" method="post" id="forms">
        <div class="zm_form_wrap">
            <ul>
                    <li>
                            <div class="form_left">您的姓名</div>
                            <div class="form_auto">
                                <input type="text" class="bg_no" placeholder="可匿名" id="username" name="username" />
                            </div>
                        </li>
                <li>
                    <div class="form_left">您的性别</div>
                    <div class="form_auto aic">
                        <span class="on" id="but_man" data-value="1">
                            <i></i>
                            <font>男</font>
                        </span>
                        <span id="but_woman" data-value="0">
                            <i></i>
                            <font>女</font>
                        </span>
                        <input type="hidden" id="sex" name="gender" value="1"/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                        <input type="hidden" id="birthday" name="birthday"  value="" >
                    </div>
                </li>
                
            </ul>
        </div>
        <a href="javascript:;" class="cs_btn">立即测算</a>
        <div class="form_bottom">
                已为<b><!--{$Think.cookie.bzcycs}--></b>人生成报告
        </div>
        <a class="tohistory" href="<!--{:U('Index/mycesuan','',false)}-->">查看我的测算记录</a>
    </form>
    <img class="bimg" src="__PUBLIC__/images/vivo/cyt/dibu.png" width="100%" />
</body>

    <script>
        console.log(window.location.href);
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});

                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'CY'},function(data){//首页-悬浮按钮统计
                });
            }
        });

        var calendar1 = new lCalendar().init('#datetime');//男


        $(".cs_btn").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'CY'},function(data){//首页-立即测算统计
            });

            if($("[name='username']").val() == ""){
                $("[name='username']").val('匿名');
                // layer.msg("请输入您的名字");
                // return false;
            }else if($("[name='username']").val().length < 2){
                    layer.msg("姓名长度不能少于2");
                    return false;
            }
            var patrn= /[\u4E00-\u9FA5]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }

            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });

        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
            obut_man.onclick = function(){
                obut_man.classList.add("on");
                osex.value = 1;
                obut_woman.classList.remove('on');
            }
            obut_woman.onclick = function(){
                obut_woman.classList.add("on");
                osex.value = 0;
                obut_man.classList.remove('on');
            };

            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({
                    title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
                    desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
                    link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
                    desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
                    link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'CY'},function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '财富运势详批！', // 分享标题
                    desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
                    link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '财富运势详批！', // 分享标题
                    desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
                    link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '财富运势详批！', // 分享标题
                    desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
                    link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

                var appid="<!--{$appId}-->";
                if(appid!=''){
                    WeixinJSBridge.invoke(
                            'getBrandWCPayRequest', {
                                "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                                "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                                "nonceStr":"<!--{$nonceStr}-->", //随机串
                                "package":"<!--{$package}-->",
                                "signType":"<!--{$signType}-->",         //微信签名方式：
                                "paySign":"<!--{$paySign}-->" //微信签名
                            },
                            function(res){
                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                    location.href="<!--{:U('Bzcy/jieguoye','',false)}-->";
                                }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                            }
                    );
                }
            });

    </script>

</html>
